<template>
  <div class="spareParts">
    <header-component></header-component>
    <router-view class="content"></router-view>
    <footer-component></footer-component>
  </div>
</template>

<script>
  import HeaderComponent from '@/components/Header'
  import FooterComponent from '@/components/Footer'
  export default {
    components:{
      HeaderComponent,FooterComponent
    },
    name: 'spareParts',
    data () {
      return {
          msg:'零件父组件'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  @import "../assets/commn/commn";
  .spareParts{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
  }
  .content{
    margin-top: 90px;
    min-height: $height;
  }
</style>
